<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.js"></script>
	<link rel="stylesheet" type="text/css" href="webpage/com/recruit/company/css/index/main_aio_c2079fb.css"/>
    <link rel="stylesheet" type="text/css" href="webpage/com/recruit/company/css/index/widgets_4e04063.css"/>
    <link rel="stylesheet" type="text/css" href="webpage/com/recruit/company/css/index/html_aio_2_9d6e2e8.css"/>
<title>小牛招聘网站</title>
</head>
<body>

<div id="lg_header">
    <!--C端头部黑色导航-->
    <div id="lg_tbar"></div>
    <!--end #lg_tbar-->
</div>
<!--end #header-->

<!-- 页面主体START -->
<div class="container clearfix  has-login-toolbar " id="container">
    <div class="contain-header">
        <!-- 搜索 -->
        <div class="search-wrapper">
            <div id="search_box" class="search_box" data-lg-tj-track-code="index_search" data-lg-tj-track-type="1">
                <form id="searchForm" class="searchForm clearfix" name="searchForm"
                      action="#" method="get">
                    <input type="text" id="search_input" class="search_input" tabindex="1" maxlength="64"
                           autocomplete="off" value="" placeholder="搜索职位、公司或地点"/>
                    <input type="submit" id="search_button" class="search_button" value="搜索"/>
                </form>
            </div>
        </div>


    </div>
    <div class="container-body">
        <div class="clearfix">
            <div id="sidebar" class="sidebar" data-lg-tj-track-code="index_navigation" data-lg-tj-track-type="1">
                <div class="mainNavs">
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2> 技术</h2>


                                <a href="https://www.lagou.com/zhaopin/Java/" data-lg-tj-id="4A00" data-lg-tj-no="0001"
                                   data-lg-tj-cid="idnull">Java</a>


                                <a href="https://www.lagou.com/zhaopin/PHP/" data-lg-tj-id="4A00" data-lg-tj-no="0002"
                                   data-lg-tj-cid="idnull">PHP</a>


                                <a href="https://www.lagou.com/zhaopin/C++/" data-lg-tj-id="4A00" data-lg-tj-no="0003"
                                   data-lg-tj-cid="idnull">C++</a>


                                <a href="https://www.lagou.com/zhaopin/Android/" data-lg-tj-id="4A00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">Android</a>

                            </div>
                        </div>

                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2>产品</h2>


                                <a href="https://www.lagou.com/zhaopin/chanpinzongjian/" data-lg-tj-id="4B00"
                                   data-lg-tj-no="0001" data-lg-tj-cid="idnull">产品总监</a>


                                <a href="https://www.lagou.com/zhaopin/chanpinjingli1/" data-lg-tj-id="4B00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">产品经理</a>


                                <a href="https://www.lagou.com/zhaopin/shujuchanpinjingli/" data-lg-tj-id="4B00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">数据产品经理</a>


                                <a href="https://www.lagou.com/zhaopin/youxicehua/" data-lg-tj-id="4B00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">游戏策划</a>
                            </div>
                        </div>
                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2> 设计</h2>


                                <a href="https://www.lagou.com/zhaopin/UIshejishi/" data-lg-tj-id="4C00"
                                   data-lg-tj-no="0001" data-lg-tj-cid="idnull">UI设计师</a>


                                <a href="https://www.lagou.com/zhaopin/jiaohusheji/" data-lg-tj-id="4C00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">交互设计</a>


                                <a href="https://www.lagou.com/zhaopin/wangyeshejishi/" data-lg-tj-id="4C00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">网页设计师</a>


                                <a href="https://www.lagou.com/zhaopin/pingmianshejishi/" data-lg-tj-id="4C00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">平面设计师</a>


                                <a href="https://www.lagou.com/zhaopin/shijueshejishi/" data-lg-tj-id="4C00"
                                   data-lg-tj-no="0005" data-lg-tj-cid="idnull">视觉设计师</a>
                            </div>
                        </div>
                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2> 运营</h2>


                                <a href="https://www.lagou.com/zhaopin/xinmeitiyunying/" data-lg-tj-id="4D00"
                                   data-lg-tj-no="0001" data-lg-tj-cid="idnull">新媒体运营</a>


                                <a href="https://www.lagou.com/zhaopin/bianji/" data-lg-tj-id="4D00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">编辑</a>


                                <a href="https://www.lagou.com/zhaopin/shujuyunying/" data-lg-tj-id="4D00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">数据运营</a>


                                <a href="https://www.lagou.com/zhaopin/yunyingzongjian/" data-lg-tj-id="4D00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">运营总监</a>


                                <a href="https://www.lagou.com/zhaopin/COO/" data-lg-tj-id="4D00" data-lg-tj-no="0005"
                                   data-lg-tj-cid="idnull">COO</a>
                            </div>
                        </div>
                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2>市场与销售</h2>


                                <a href="https://www.lagou.com/zhaopin/shichangtuiguang/" data-lg-tj-id="4E00"
                                   data-lg-tj-no="0001" data-lg-tj-cid="idnull">市场推广</a>


                                <a href="https://www.lagou.com/zhaopin/shichangzongjian/" data-lg-tj-id="4E00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">市场总监</a>


                                <a href="https://www.lagou.com/zhaopin/shichangcehua/" data-lg-tj-id="4E00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">市场策划</a>


                                <a href="https://www.lagou.com/zhaopin/BD/" data-lg-tj-id="4E00" data-lg-tj-no="0004"
                                   data-lg-tj-cid="idnull">BD</a>


                                <a href="https://www.lagou.com/zhaopin/xiaoshouzongjian/" data-lg-tj-id="4E00"
                                   data-lg-tj-no="0005" data-lg-tj-cid="idnull">销售总监</a>


                                <a href="https://www.lagou.com/zhaopin/xiaoshoujingli/" data-lg-tj-id="4E00"
                                   data-lg-tj-no="0006" data-lg-tj-cid="idnull">销售经理</a>
                            </div>
                        </div>

                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2>职能</h2>


                                <a href="https://www.lagou.com/zhaopin/HR/" data-lg-tj-id="4F00" data-lg-tj-no="0001"
                                   data-lg-tj-cid="idnull">HR</a>


                                <a href="https://www.lagou.com/zhaopin/xingzheng1/" data-lg-tj-id="4F00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">行政</a>


                                <a href="https://www.lagou.com/zhaopin/caiwu1/" data-lg-tj-id="4F00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">财务</a>


                                <a href="https://www.lagou.com/zhaopin/jinrongshenji/" data-lg-tj-id="4F00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">审计</a>

                            </div>
                        </div>

                    </div>
                    <div class="menu_box">
                        <div class="menu_main job_hopping">
                            <div class="category-list">
                                <h2>
                                    金融


                                </h2>


                                <a href="https://www.lagou.com/zhaopin/touzi/" data-lg-tj-id="4G00" data-lg-tj-no="0001"
                                   data-lg-tj-cid="idnull">投资</a>


                                <a href="https://www.lagou.com/zhaopin/rongzi/" data-lg-tj-id="4G00"
                                   data-lg-tj-no="0002" data-lg-tj-cid="idnull">融资</a>


                                <a href="https://www.lagou.com/zhaopin/binggou/" data-lg-tj-id="4G00"
                                   data-lg-tj-no="0003" data-lg-tj-cid="idnull">并购</a>


                                <a href="https://www.lagou.com/zhaopin/jinrongfengkong/" data-lg-tj-id="4G00"
                                   data-lg-tj-no="0004" data-lg-tj-cid="idnull">风控</a>

                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div id="home_banner" class="home_banner" data-lg-tj-track-code="index_bannerad" data-lg-tj-track-type="1">
                <ul class="banner_bg" data-size="1">
                    <li class="banner_bg_1">


                        <a class="tj_exposure" rel="nofollow" href="https://activity.lagou.com/topic/play.html"
                           target="_blank" data-lg-tj-id="4k00" data-lg-tj-no="0001" data-lg-tj-cid="4276">
                            <img src="webpage/com/recruit/company/img/cgpindex.png"
                                 width="840" height="346" alt="游戏公司专场抓取"/>
                        </a>
                    </li>
                </ul>

            </div>


            <ul class="job_tab module-tabs can-click" id="jobTab">
                <li class="current hotTab" data-lg-tj-id="4X00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">热门职位</li>
            </ul>
            <div class="job-list-wrapper">
                <div class="job_list clearfix" id="jobList">

                    <div class="hot_posHotPosition position_list init_joblist"
                         data-lg-tj-track-code="index_hotjob"
                         data-lg-tj-track-type="1">
                        <ul class="clearfix position_list_ul">
                        
                        <c:forEach var="r" items="${hotJob }">
                        
                         <li class="position_list_item default_list">
                                <div class="pli_top">
                                    <div class="clearfix pli_top_l">
                                        <div class="position_name fl">
                                            <h2 class="dib clearfix">
                                                <a href="#">${r.job.title }</a>
                                            </h2>
                                            <!-- 此处需要和后台确认 -->
                                            <span class="dib create-time">&ensp;[${r.job.createDate }]&ensp;</span>
                                            <div class="chat_me"></div>
                                        </div>
                                        <span class="salary fr">${r.job.salary }</span>
                                    </div>
                                    <div class="position_main_info wordCut">
                                        <span>${r.job.workExperience }</span>
                                        <span>${r.job.education }</span>
                                    </div>
                                </div>
                                <div class="pli_btm clearfix">
                                    <a href="#"class="fl">
                                        <img src="${r.company.logo }"
                                             alt="公司logo" class="company-logo" width="40" height="40"/>
                                    </a>

                                    <div class="bottom-right">
                                        <div class="company_name wordCut">
                                            <a href="#">${r.company.name }</a>
                                        </div>
                                        <div class="industry wordCut">
                                            <span>${r.company.type }</span>
                                            <span>${r.company.developState }</span>
                                            <span>${r.company.address }</span>
                                        </div>
                                    </div>

                                </div>
                            </li>
                        
                        </c:forEach>
                        
                           


                        </ul>
                        <a href="https://www.lagou.com/zhaopin/" class="list_more">查看更多</a>
                    </div>
                </div>
            </div>


            <ul class="module-tabs">
                <li class="current">热门公司</li>
            </ul>
            <div class="ad-companys">
                <ul class="ad-company-list clearfix" data-lg-tj-track-code="index_logoad" data-lg-tj-track-type="1">
                    <c:forEach var="a" items="${hotCompany }">
                    <li class="company-item">
                        <div class="top">
                            <p>
                                <a href="#">
                                    <img src="${a.logo }"
                                         alt="公司logo" width="80" height="80">
                                </a>
                            </p>

                            <p class="company-name wordCut">
                                <a href="#">${a.name }</a>
                            </p>

                            <p class="indus-stage wordCut">
                                <span>${a.type }</span>
                                <span>${a.developState }</span>
                            </p>

                            <p class="advantage wordCut">${a.address }</p>
                        </div>
                    </li>
                   </c:forEach>

                </ul>
                <a href="https://www.lagou.com/gongsi/" class="list_more">查看更多</a>
            </div>


        </div>
    </div>
</div>

<!-- 页面主体END -->

<!-- footer <-->
<a id="backtop" title="回到顶部" rel="nofollow"></a>
<!-- feedback -->
<!--
    @require "common/widgets/footer_c/modules/feedback/feedback.less"
-->
<div id="footer">
    <div class="wrapper">
        <div class="copyright">
            <span><em>&copy;</em>2019 recruit</span>
        </div>
    </div>
</div>

<!-- 底部登录条 -->
<!--
@require "common/widgets/new_login_toolbar/main.less"
-->

<div id="loginToolBar" class="loginToolBar">
    <div class="tool-bar-wrapper">
        <em></em>

        <p class="text">
            <span class="text-ele"><span class="come-lagou" id="loginState"></span></span>
            <span class="count-wrapper text-ele">
                <span class="text-ele company"></span>
                <span class="text-ele line"></span>
                <span class="text-ele"></span>
            </span>

        </p>

        <div class="right" style="display: block;">
            <a class="button bar_login passport_login_pop" href="userLoginContoller.do?toLogin">登录</a>
            <a rel="nofollow" href="userLoginContoller.do?toRegister" class="bar_register button">注册</a>
        </div>
    </div>
</div>

<input type="hidden" id="username" value="${sessionScope.username }">

</body>

<script type="text/javascript">

var username = $("#username").val();
//alert(username);
if(username == '' || username == undefined || typeof(username) == "undefined"){
	$("#loginState").html("未登录");
	$(".right").show();
}else{
	$(".right").hide();
	$("#loginState").html("用户名："+username+"<a href='userLoginContoller.do?outLogin'>退出</a>");
} 


</script>


</html>